<template>
  <!-- 点赞信息详情，每一条可以点击进入详情页，跳转时带参数blog的标题-->
  <div class="show-thumbs">
    <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
     <li v-for="thumb in thumbs" class="infinite-list-item every-thm" v-bind:key="thumb"><span class="praise">{{thumb.praiser}}  点赞了你的博文</span>  <router-link to="{ path:'/404', query: { id: thumb.title}}" class="thumbto">{{thumb.title}}</router-link></li>
    </ul>
  </div>
</template>

<script>
export default{
  name: 'thumbsdetails',
  data () {
    return {
      thumbs: []
    }
  },
  mounted () {
    this.$http.post('http://localhost:8081/perInfo/gethumbs', {
      myEmail: window.sessionStorage.getItem('author')
    }).then(res => {
      console.log(res)
      this.thumbs = res.data
    })
  }
}
</script>

<style>
  .show-thumbs{
    height: 420px;
  }
  .thumbto{
    text-decoration: none;
    color: #000000;
    float: left;
    margin-left: 10px;
  }
  .every-thm{
    height: 40px;
    font-family: 楷书;
    list-style: none;
    font-size: 15px;
    border-bottom: #9d9d9d 1px solid;
    padding-bottom: 8px;
    margin-top: 15px;
    font-weight: bold;
  }
  .praise{
    font-size: 13px;
    color:dimgray;
    text-align: left;
    display: block;
    font-weight: 600;
    font-family: 宋体;
    margin-bottom: 8px;
  }
</style>
